<template>
	<view>
	<view class="header">
	<image class="avatar" src="/static/images/tx.jpg" mode="widthFix"></image>
	</view>
	<view class="content">
		<text class="intro">姓名：张梦严</text>
		<text class="intro">年龄：18</text>
		<text class="intro">性别：保密</text>
		<text class="intro">特长：绘画</text>
		<text class="intro">爱好：学习</text>
	</view>
	</view>
</template>
<script>
</script>

<style>
	.header{
	    background-color: #b8f2c4;
	    height: 360rpx;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    width: 100%; 
	}
	.header {
	  background-image: -webkit-radial-gradient(circle at right top, #4CAF50 0%, transparent 80%);
	  background-image: radial-gradient(circle at right top, #aaff7f 0%, transparent 80%);
	}
	.content{
		background-color:#eff09b;
		height: 720rpx; 
		padding: 20rpx;
		 background: linear-gradient(to bottom, #aaffff, #eff09b);
	}
	.avatar{
		width: 180rpx;
		height: 180rpx;
		border-radius: 50%;
		box-shadow: 0 0 4rpx 8rpx rgba(255,255,255, .7);
		border: 4rpx solid white;
	}
	.intro{
		margin: 0 16rpx;
		padding: 20rpx;
		display: block;
		border-bottom: 1px solid #ddd;
		font-size: 28rpx;
	}
</style>
